<!DOCTYPE html>
<html>
<head>
	<title>银行系列</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" type="text/css" href="css/liCai.css">
	<script type="text/javascript" src="js/jquery-1.7.js"></script>
</head>
<body>
	<!--头部-->
	<header>
		<div class="top">
			<a href="#" target="_self"><img src="images/newicon9.png" style="height: 30px;" class="return" alt=""></a>
			<h2 class="titleh2">银行系列</h2>
			<span onClick="toshare()" class="share">
				<img src="images/share.png" alt="" />
			</span>
			<!--<div class="ziXun">
				<ul>
					<li class="liCai-activ"><a href="opinion.html">观点</a></li>
					<li><a href="money.html">理财</a></li>
					<li><a href="talk.html">杂谈</a></li>
				</ul>
			</div>-->
		</div>	
	</header>
	<div class="headerNext"></div>
	<!--搜索
	<article>
		<div class="search">
			<form  method="post" name="form1">
				<input type="text" name="search" value="" />
			</form>
		</div>
	</article>-->
	<!--内容部分-->
	<article>	
		<div class="content">
			<ul>
				<li>
					<a href="#">
						<img src="images/pic2.png" alt="" />
						<h2>银行系列一</h2>
						<p>初入市的同学，面对各金的理财...</p>
						<span>2016-8-22</span>
					</a>
				</li>
				<div class="line"></div>

				<li>
					<a href="#">
						<img src="images/pic3.png" alt="" />
						<h2>银行系列二</h2>
						<p>初入市的同学，面对各种的理财...</p>
						<span>2016-8-22</span>
					</a>
				</li>
				<div class="line"></div>

				<li>
					<a href="#">
						<img src="images/pic2.png" alt="" />
						<h2>银行系列三</h2>
						<p>初入市的同学，面对各种基金...</p>
						<span>2016-8-22</span>
					</a>
				</li>
				<div class="line"></div>

				<li>
					<a href="#">
						<img src="images/pic1.png" alt="" />
						<h2>银行系列四</h2>
						<p>初入市的同学，面对各种基金...</p>
						<span>2016-8-22</span>
					</a>
				</li>
				<div class="line"></div>
				
			</ul>
		</div>
		
	</article>

<div class="am-share">
  <h3 class="am-share-title">分享到</h3>
  <ul class="am-share-sns">
    <li ><a href="http://service.weibo.com/share/share.php?c=share&a=index&url={url}&title={title}&pic={pic}&searchPic=false'"> <i class="share-icon-weibo sina"></i> <span>新浪微博</span> </a> </li>
    <li><a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?"> <i class="share-icon-weibo qq"></i> <span>qq空间</span> </a> </li>
    <li><a href="http://share.v.t.qq.com/index.php?c=share&a=index&url={url}&title={title}&appkey=801cf76d3cfc44ada52ec13114e84a96"> <i class="share-icon-weibo weibo"></i> <span>腾讯微博</span> </a> </li>
    <li><a href="http://qr.liantu.com/api.php?text={url}"> <i class="share-icon-weibo weixin"></i> <span>微信分享</span> </a> </li>
  </ul>
  <div class="am-share-footer"><button class="share_btn">取消</button></div>
</div>
</body>
<!--分享部分js-->
<script type="text/javascript">
	function toshare(){
		$(".am-share").addClass("am-modal-active");	
		if($(".sharebg").length>0){
			$(".sharebg").addClass("sharebg-active");
		}else{
			$("body").append('<div class="sharebg"></div>');
			$(".sharebg").addClass("sharebg-active");
		}
		$(".sharebg-active,.share_btn").click(function(){
			$(".am-share").removeClass("am-modal-active");	
			setTimeout(function(){
				$(".sharebg-active").removeClass("sharebg-active");	
				$(".sharebg").remove();	
			},300);
		})
	}	



</script>
</html>